<template>
    <div class="contentMain">
        <!--头部组件-->
        <Header></Header>
        <!--地图组件-->
        <MapInfo @set-map="setMap"></MapInfo>
        <router-view class="info" :map-data="map"/>
    </div>
</template>

<script>
    import MapInfo from '../../page/mapInfo/mapInfo'
    import Header from './header'

    export default {
        name: "contentMain",
        components: {
            MapInfo,
            Header
        },
        data() {
            return {
                markerArr: [],// 点位数据
                map: null
            }
        },
        mounted() {

        },
        methods: {
            setMap(val) {
                this.map = val
            }

        }
    }
</script>

<style scoped lang="scss">
    .contentMain {
        .info {
            position: relative;
            z-index: 1;
        }
    }
</style>